iT邦幫忙

2023 iThome 鐵人賽

DAY 5
0
Mobile Development

Android Studio初學系列 第 5

Android Studio初學 DAY5 LinearLayout介紹

  • 分享至 

  • xImage
  •  

今天要介紹的是非常好用的佈局容器,LinearLayout是常常被拿來使用的工具,拿來排版非常的好用,LinearLayout提供了簡單的排列方式,可讓你在畫面中將元件水平或垂直地堆疊或排列。

以下為LinearLayout的特點:

  • LinearLayout 可以在水平方向(horizontal)或垂直方向(vertical)上排列子元件。
  • 子元件按照它們在佈局中的添加順序進行排列。
  • 你可以通過權重(layout_weight)屬性來指定子元件的比例,以實現靈活的佈局。
  • LinearLayout 可以包含其他元件,例如 TextView、EditText、Button 等。

LinearLayout常用的屬性:

  • orientation:指定LinearLayout為垂直或水平
  • layout_width 和layout_height:指定 LinearLayout 的寬度和高度
  • gravity:設置內部子元件的對齊位子
  • layout_weight:指定子元件在 LinearLayout 中的佔用權重
  • layout_gravity:設置 LinearLayout 自身在其父元件中的對齊方式
    下面做個簡單的範例
    這是XML佈局:
<LinearLayout
        android:layout_width="match_parent"
        android:layout_height="350dp"
        android:orientation="vertical">

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="0dp"
            android:layout_weight="1"
            android:orientation="horizontal">

            <TextView
                android:id="@+id/textView4"
                android:layout_width="wrap_content"
                android:layout_height="match_parent"
                android:layout_weight="1"
                android:gravity="center"
                android:text="1"
                android:textSize="34sp"
                android:background="#00FFFF"/>

            <TextView
                android:id="@+id/textView5"
                android:layout_width="wrap_content"
                android:layout_height="match_parent"
                android:layout_weight="1"
                android:gravity="center"
                android:text="2"
                android:textSize="34sp"
                android:background="#1AFD9C	"/>
        </LinearLayout>

        <TextView
            android:id="@+id/textView6"
            android:layout_width="match_parent"
            android:layout_height="0dp"
            android:layout_weight="1"
            android:gravity="center"
            android:text="3"
            android:textSize="34sp"
            android:background="#FFFF37" />
    </LinearLayout>

呈現的結果如下

只要能運用好設定屬性,就可以用出非常多種不同的排版/images/emoticon/emoticon34.gif


上一篇
Android Studio初學 DAY4 簡單的APP練習:計算BMI
下一篇
Android Studio初學 DAY6 Spinner介紹
系列文
Android Studio初學30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言